<template>
  <div id="background">

    <header>
      <ImageTop></ImageTop>
    </header>

    <section>
      <div class="container-fluid col-12 mb-3 " id="hanhan">

        <Notice class="mt-3 mb-3"></Notice>

        <div class="card">
          <div class="card-body">
            <div class="row" align="center">
              <div class="col-6 m-0 p-0" >
                <img src="/static/img/logo.png"  width="50%" height="90">
                <h4 class="mt-3"><strong>我的会员</strong></h4>
                <h6 class="mt-3" style="color: #8A8A8A" >VIP</h6>
              </div>

              <div class="col-6  m-0 p-0" v-on:click="routerPeople">
                <img src="/static/img/logo.png" width="45%" height="90">
                <h4 class="mt-3"><strong>选择座位</strong></h4>
                <h6 class="mt-3" style="color: #8A8A8A" >TAXE OUT FOOD</h6>
              </div>
            </div>

          </div>
        </div>
      </div>


      <div class="container-fluid col-12 mb-3" id="">
        <div class="card">
          <div class="card-body">
            <div class="row" align="center">
              <div class="col-4 m-0 p-0" >
                <h6><strong>在线充值</strong></h6><br>
                <img src="/static/img/logo.png" width="50%">
              </div>

              <div class="col-4  m-0 p-0" >
                <h6><strong>甄选商城</strong></h6><br>
                <img src="/static/img/logo.png" width="50%">
              </div>

              <div class="col-4  m-0 p-0" >
                <h6><strong>消费记录</strong></h6><br>
                <img src="/static/img/logo.png" width="50%">
              </div>
            </div>

          </div>
        </div>
      </div>


      <div class="container-fluid">
        <div class="card mt-2">
          <div class="card-body">
            <div class="row">
              <div class="col-6 " align="center" style="text-align: center">

                <i class="zi zi_crown"></i>&nbsp;&nbsp;
                <span>
                  <strong style="font-size: 18px;line-height: 2.5;">会员专享</strong><br>
                  <small>我的积分 <span>{{ score }}</span></small>
                </span>

              </div>
              <div class="col-6" align="center">
                <img src="/static/img/logo.png" width="100%">
              </div></div>
          </div>
        </div>
        <br><br><br>
      </div>

      <div>
        <BottomNavigation></BottomNavigation>
      </div>

<!--      <div class="container-fluid">-->
<!--        <div class="card mt-2">-->
<!--          <div class="card-body">-->
<!--            <img src="/static/img/logo.png" class="img-rounded" style="border-radius:8px" width="100%">-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->

    </section>

  </div>
</template>

<script>
import service from "@/utils/axios";

export default {
  name: "HomePage",
  data(){
    return{
      score: 0
    }

  },
  methods: {
    routerPeople(){
      this.$router.push("PeopleNumber");
    }
  },
  created() {
    service.get("/queryById").then(data => {
      this.score = data.data.data.score
    })
  }
}
</script>

<style scoped>
#background{
  background-color: #F7F7F7;
}

</style>

